<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
	
	

	<h:head>
	
		<link rel="StyleSheet" type="text/css" href="/PrimeFaces3.2/css/principal.css" />
		<title>PrimeFaces</title>
		
		  
	</h:head>
	
	<h:body>
		<div id="wrapper" align="center" >            
            
                <div id="conteudo_principal">
                	<p:panel header="Lista de Usuários" style="width: 600px;">
                    	<h:form id="form_Usuario" styleClass="form_Usuario" prependId="false">

                        
                        <h:dataTable styleClass="tblUsuario" id="tblUsuario" value="#{usuarioMB.usuarios}" var="usuario" cellpadding="8" rowStyleClass="#{empty rowIx or rowIx mod 2 ne 0 ? 'even-row' : 'odd-row'}" rowIndexVar="rowIx" >
                        
                        
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="ID"/>     
                                </f:facet>         
                                <h:outputText value="#{usuario.id}"/>
                            </h:column>
                            
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Nome"/>     
                                </f:facet>          
                                <h:outputText value="#{usuario.nome}"/>
                            </h:column>

                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Login"/>     
                                </f:facet>          
                                <h:outputText value="#{usuario.login}"/>
                            </h:column>   
                                                     
                            <h:column>
                                <f:facet  name="header">
                                    <h:outputText value="Editar"/>                                        
                                </f:facet>
                                <h:commandLink action="#{usuarioMB.buscar}">
                                    <h:graphicImage styleClass="icon" url="./icons/ref.png" style="border: 0px; align: center;"/>
                                    <f:setPropertyActionListener value="#{usuario.id}" target="#{usuarioMB.usuario.id}"/>
                                </h:commandLink>                                
                            </h:column>
                            
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Excluir"/>
                                </f:facet>                           
                                <h:commandLink action="#{usuarioMB.excluir}">
                                    <h:graphicImage styleClass="icon" url="./icons/excluir.png" style="border: 0px; align: center;"/>
                                    <f:setPropertyActionListener value="#{usuario.id}" target="#{usuarioMB.usuario.id}"/>
                                </h:commandLink>
                            </h:column>  
                                                
                        </h:dataTable>
						<br />    
						    
                    </h:form>                    
                    <p>
	                    <h:messages infoClass="statusOk"
	                                errorClass="statusErr"
	                                layout="table"
	                                showDetail="true"
	                                showSummary="false"/>
                    </p>
                    
                    </p:panel> 
                    
                </div>    
            </div>  
	</h:body>
	
	
</html>